<!DOCTYPE html>
<html class="ui-mobile">
<head>
    <base href=".">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <title>登录</title>
    <link rel="stylesheet" href="../tool/jquery-mobile/jquery.mobile-1.4.2.min.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/login.css">
    <style>

        .input-border {
            border: 0;
            background:rgba(0, 0, 0, 0);
            outline: none;
            width: 100%;
            height: 100%;
        }
        .login-switch-tab {
            padding: 5px;
        }
        .active{
            border-bottom:1px solid rgba(82, 56, 144, 0.29);
            color: rgba(82, 56, 144, 0.29);
        }
        .error-info{
            color: red;
            font-size: 12px;
        }
    </style>
</head>
<body class="ui-mobile-viewport ui-overlay-a">
<div data-role="page" id="sginpage" data-url="sginpage" tabindex="0" style="background-color: #FFFFFF" class="ui-page ui-page-theme-a ui-page-active div_page">
    <div style="position:fixed;left:0;top:0;width:100%;z-index:200;">
        <div class="div_header">
            <p class="p_title">登录&注册</p>
        </div>
    </div>
    <div class="content" style="width: 100%;padding-top: 45px;">
        <div style="width: 100%;text-align: center;margin-top: 10px;">
            <img src="../image/badou-logo-sm.png"/>
        </div>
        <div class="div_phone" style="text-align: center;margin-top: 10px;">
            <span id="sms-login-tab" class="login-switch-tab active" style="margin-right: 20px;">验证码登录</span>
            <span id="pwd-login-tab" class="login-switch-tab" style="margin-left: 20px;">密码登录</span>
        </div>

        <div class="div_phone" style="margin-top: 10px;">
            <div style="width: 100%;height: 42px;line-height: 42px;border-bottom:1px solid rgba(82, 56, 144, 0.13);float: left;">
                <input class="input-border" id="phone" data-role="none" type="tel" placeholder="手机号">
            </div>
        </div>
        <div class="div_icode" style="margin-top:10px;">
            <div style="width: 100%;height: 42px;line-height: 42px;border-bottom:1px solid rgba(82, 56, 144, 0.13);float: left;">
                <div style="width: 60%;height: 100%; float: left;">
                    <input id="icode" class="input-border" data-role="none" type="text" placeholder="图形验证码">
                </div>
                <div style="width: 40%;float: left;text-align: center">
                    <span ><img alt="验证码" id="yzm" src="" width="100%;" height="42px;"></span>
                </div>
            </div>
        </div>
        <div class="div_icode sms-input" style="margin-top:10px;">
            <div style="width: 100%;height: 42px;line-height: 42px;border-bottom:1px solid rgba(82, 56, 144, 0.13);float: left;">
                <div style="width: 60%; height: 100%; float: left;">
                    <input id="vcode" class="input-border" data-role="none" type="text" placeholder="短信验证码">
                </div>
                <div style="width: 40%;float: left;text-align: right">
                    <span class="sms-code-button" style="border-radius: 8px; background-color: #f1e8e8; padding: 10px;">获取</span>
                </div>
            </div>
        </div>
        <div class="div_icode pwd-input" style="margin-top:10px;display: none">
            <div style="width: 100%;height: 42px;line-height: 42px;border-bottom:1px solid rgba(82, 56, 144, 0.13);float: left;">
                <div style="width: 100%;height: 100%; float: left;">
                    <input id="pwd" class="input-border" data-role="none" type="password" placeholder="密码">
                </div>
            </div>
        </div>
        <div class="div_icode" style="margin-top:30px;text-align: center">
            <span id="login-button" class="button-div">登&nbsp;&nbsp;录</span>
        </div>
    </div>
    <div class="delay"><p>正在登录请稍等...</p></div>
    <div class="overlay"></div>
    <input type="hidden" id="userId">
</div>

<div class="ui-loader ui-corner-all ui-body-a ui-loader-default"><span class="ui-icon-loading"></span>
    <h1>loading</h1>
</div>

<script type="application/javascript" src="../tool/jquery/jquery-1.11.2.min.js"></script>
<script type="application/javascript" src="../tool/jquery-mobile/jquery.mobile-1.4.2.min.js"></script>
<script type="application/javascript" src="../js/common.js"></script>
<script type="application/javascript" src="../js/http.js?v=1.2"></script>
<script type="application/javascript" src="../js/login.js?v=1.2"></script>
</body>
</html>